<template>
  <map :enable-zoom="false" :style="{height:height}" id="map" :markers="mapInfo.markers||[]"
       :longitude="mapInfo.longitude"
       :latitude="mapInfo.latitude" :scale="mapInfo.scale" :polyline="mapInfo.polylineList||[]"></map>
</template>

<script setup>
import locationIcon from "/src/static/images/cheliangdingwei-zaixian.png";

defineProps({
  height: {
    type: String,
    default: '100%'
  },
  mapInfo: {
    type: Object,
    default: () => {
      return {}
    }
  }
})

</script>

<style lang="scss" scoped>
#map {
  width: 100%;
  height: 100%;
}
</style>
